.nav {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.nav__link {
  color: var(--color-white);

  text-decoration: none;
  font-family: var(--font-family-PT-Sans);
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-regular);
  line-height: 19.5px;
}

.nav .nav__link:not(:first-of-type) {
  margin-left: 31px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .nav {
    margin-left: 17px;
  }
}

@media screen and (max-width: 767px) {
  .nav {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

    margin: 20px 0;
    padding: 20px 0;
    width: 90%;

    border: 1px solid var(--color-black);
    border-left: none;
    border-right: none;
  }

  .nav__link:first-child{
    margin-top: -1px;
  }

  .nav .nav__link:not(:first-of-type) {
    margin-left: 0;
    margin-top: 19px;
  }
}
